<!--
 * @Author: mayating mayating@xinchan.com.cn
 * @Date: 2024-06-26 18:39:56
 * @LastEditors: mayating mayating@xinchan.com.cn
 * @LastEditTime: 2024-06-26 18:46:11
 * @FilePath: /wuniubi/src/views/home/HOME/index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <section class="accessory section bd-container" id="accessory">
    <h2 class="section-title">
      新婚 <br />
      美妆案例
    </h2>

    <div class="accessory__container bd-grid">
      <div class="accessory__content">
        <img src="@/assets/img/accessory1.png" alt="" class="accessory__img" />
        <h3 class="accessory__title">Snow Globe</h3>
        <span class="accessory__category">Accessory</span>
        <span class="accessory__preci">¥1999.00</span>
        <a href="#" class="button accessory__button"
          ><i class="bx bx-heart"></i
        ></a>
      </div>

      <div class="accessory__content">
        <img src="@/assets/img/accessory2.png" alt="" class="accessory__img" />
        <h3 class="accessory__title">Candy</h3>
        <span class="accessory__category">Accessory</span>
        <span class="accessory__preci">¥2399.00</span>
        <a href="#" class="button accessory__button"
          ><i class="bx bx-heart"></i
        ></a>
      </div>

      <div class="accessory__content">
        <img src="@/assets/img/accessory3.png" alt="" class="accessory__img" />
        <h3 class="accessory__title">Angel</h3>
        <span class="accessory__category">Accessory</span>
        <span class="accessory__preci">¥2999.00</span>
        <a href="#" class="button accessory__button"
          ><i class="bx bx-heart"></i
        ></a>
      </div>

      <div class="accessory__content">
        <img src="@/assets/img/accessory4.png" alt="" class="accessory__img" />
        <h3 class="accessory__title">Sphere</h3>
        <span class="accessory__category">Accessory</span>
        <span class="accessory__preci">¥3999.00</span>
        <a href="#" class="button accessory__button"
          ><i class="bx bx-heart"></i
        ></a>
      </div>

      <div class="accessory__content">
        <img src="@/assets/img/accessory5.png" alt="" class="accessory__img" />
        <h3 class="accessory__title">Surprise gift</h3>
        <span class="accessory__category">Accessory</span>
        <span class="accessory__preci">¥5999.00</span>
        <a href="#" class="button accessory__button"
          ><i class="bx bx-heart"></i
        ></a>
      </div>
    </div>
  </section>
</template>

<script>
export default {
  name: "DECORATION-index",
};
</script>

<style lang="scss" scoped></style>
